<template>
  <div>
    <Todo v-bind="style" :text="text" v-on:enlargeText="postFontSize += 1" />
  </div>
</template>

<script>
import Todo from "./Todo.vue";
export default {
  name: "v-home",
  components: {
    Todo,
  },
  data() {
    return {
      text: "javascript",

      style: {
        fontSize: 23,
        color: "bule",
      },
    };
  },
};
</script>

<style scoped>
.color {
  color: aqua;
}
</style>
